<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>提货函确认</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta name="screen-orientation" content="portrait" />
    <link rel="stylesheet" href="/Resources/css/app.css">
    <link rel="stylesheet" href="/Resources/css/list.css">


</head>

<body>
    <div class="list">
        <div class="confirm-head">
            提货函确认
            <a href="javascript:;">
            曹海涛
            <i class="icon icon-quit"></i>
        </a>
        </div>


        <div class="list-title">
            <h3>
                <i class="icon icon-head">
                </i>
                上海郑昌实业贸易有限责任公司
            </h3>
            <p>
                郑华成 025-58051112 / 18221831324
            </p>
            <span>
                采购商
            </span>
        </div>
        <div class="list-titleitem">
            提货信息
        </div>
        <ul class="list-infor">
            <li>
                <span class="span-left">
                    提货类型
                </span>
                <span class="red">
                    提货
                </span>
            </li>
            <li>
                <span class="span-left">
                    发货方式
                </span>
                <span>
                    按吨数发货
                </span>
            </li>
            <li>
                <span class="span-left">
                    提货方式
                </span>
                <span class="red note">
                   沪A 4382C 沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C沪A 4382C
                </span>
            </li>
            <li>
                <span class="span-left">
                    联系人
                </span>
                <span>
                    江波  15000190350
                </span>
            </li>
        </ul>
        <div class="list-titleitem">
            提货明细
        </div>
        <ul class="list-detail">
            <li>
                <div>
                    <span class="span-left">
                        订单编号
                    </span>
                    <span>
                        XS16110410864508
                    </span>
                </div>
                <div>
                    <span class="span-left">
                        提函编号
                    </span>
                    <span>
                        TH16110410864508-01
                    </span>
                </div>
                <div class="pink-wrap">
                    <div class="pink">
                        <p>
                            <span class="span-left">
                            货物信息
                        </span>
                            <span class="kind">
                            普卷 / Q235B / 3.0*1250*C / 燕钢
                        </span>
                        </p>
                        <p class="p-bottom">
                            <span class="span-left">
                            预&#12288;&#12288;提
                        </span>
                            <span>
                            <b class="red">
                                3
                            </b>
                            件
                            <b class="red">
                                28.500
                            </b>
                            吨
                        </span>
                        </p>
                    </div>

                    <div class="pink">
                        <p>
                            <span class="span-left">
                            货物信息
                        </span>
                            <span class="kind">
                            普卷 / Q235B / 3.0*1250*C / 燕钢
                        </span>
                        </p>
                        <p class="p-bottom" :class='getLength(item.infor,index)'>
                            <span class="span-left">
                            预&#12288;&#12288;提
                        </span>
                            <span>
                            <b class="red">
                                3
                            </b>
                            件
                            <b class="red">
                                28.500
                            </b>
                            吨
                        </span>
                        </p>
                    </div>
                </div>
                <div class="style">
                    <span class="span-left">
                        结算方式
                    </span>
                    <span>
                       提货人自理
                    </span>
                </div>
                <div>
                    <span class="span-left">
                        备&#12288;&#12288;注
                    </span>
                    <span class='note'>
                        客户要求下午5点sdfksdssssssssssss111111111111111
                    </span>
                </div>
                <div>
                    <span class="span-left">
                        预提共计
                    </span>
                    <span>
                        <b class="red">
                           3
                        </b>
                        件
                        <b class="red">
                            28.500
                        </b>
                        吨
                    </span>
                </div>
            </li>
            <li>
                <div>
                    <span class="span-left">
                        订单编号
                    </span>
                    <span>
                        XS16110410864508
                    </span>
                </div>
                <div>
                    <span class="span-left">
                        提函编号
                    </span>
                    <span>
                        TH16110410864508-01
                    </span>
                </div>
                <div class="pink-wrap">


                    <div class="pink">
                        <p>
                            <span class="span-left">
                            货物信息
                        </span>
                            <span class="kind">
                            普卷 / Q235B / 3.0*1250*C / 燕钢
                        </span>
                        </p>
                        <p class="p-bottom" :class='getLength(item.infor,index)'>
                            <span class="span-left">
                            预&#12288;&#12288;提
                        </span>
                            <span>
                            <b class="red">
                                3
                            </b>
                            件
                            <b class="red">
                                28.500
                            </b>
                            吨
                        </span>
                        </p>
                    </div>
                    <div class="pink">
                        <p>
                            <span class="span-left">
                            货物信息
                        </span>
                            <span class="kind">
                            普卷 / Q235B / 3.0*1250*C / 燕钢
                        </span>
                        </p>
                        <p class="p-bottom">
                            <span class="span-left">
                            预&#12288;&#12288;提
                        </span>
                            <span>
                            <b class="red">
                                3
                            </b>
                            件
                            <b class="red">
                                28.500
                            </b>
                            吨
                        </span>
                        </p>
                    </div>
                </div>
                <div class="style">
                    <span class="span-left">
                        结算方式
                    </span>
                    <span>
                       提货人自理
                    </span>
                </div>
                <div>
                    <span class="span-left">
                        备&#12288;&#12288;注
                    </span>
                    <span class='note'>
                        客户要求下午5点之前提货
                    </span>
                </div>
                <div>
                    <span class="span-left">
                        预提共计
                    </span>
                    <span>
                        <b class="red">
                           3
                        </b>
                        件
                        <b class="red">
                            28.500
                        </b>
                        吨
                    </span>
                </div>
            </li>
        </ul>
    </div>

    <!-- 是否退出弹层 -->
    <div class="layer-quit-wrap none">


        <div class="layer-quit">

        </div>
        <div class="layer-quit-content">
            <div class="top">
                是否退出？
            </div>
            <div class="button-wrap">
                <button class="sure">
                    是
                </button>
                <button class="fail">
                    否
                </button>
            </div>
        </div>
    </div>
    <script src="/Resources/js/zepto.js"></script>
    <script>
        var ow = document.documentElement.clientWidth;
        if(ow>540){
            ow=540
        }
        window.document.documentElement.style.fontSize = 5 * ow / 16 + "px";
        // 最后一个元素border为0
        $('.pink-wrap .pink:last-child').addClass('active')

        // 退出弹层
        $(document).on('click', '.confirm-head a', function() {
            $('.layer-quit-wrap').show();
        })
        $(document).on('click', '.layer-quit-wrap button', function() {
            $('.layer-quit-wrap').hide();
        })
    </script>
</body>

</html>
